@props(['info', 'hotList'])
<section>
    <div class="now_look">
        <div class="wp">
            {{ $slot }}
        </div>
    </div>
    <div class="web_list_page">
        <div class="wp">
            <div class="left">
                <div class="info_con">
                    <div class="news_deta_con">
                        <div class="tit">
                            <h4>{{$info->title}}</h4>
                            <div class="mass">
                                <div class="time">{{__('messages.time')}}：{{ substr($info->created_at, 0, 10) }}</div>
                                @if ($info->category)
                                <div class="time">{{__('messages.type')}}：{{$info->category->title}}</div>
                                @endif
                                <div class="time">{{__('messages.tags')}}：{{ str_replace(',', '、', $info->tags) }}</div>
                            </div>
                        </div>
                        <div class="deta_html">
                            <img src="{{ $info->image }}" alt="{{ $info->title }}" width="100%"
                                style="
                                aspect-ratio: 16/9;
                                object-fit: cover;
                                object-position: center;
                            ">
                            {!! $info->content !!}
                        </div>
                        <div class="back">
                            <a href="javascript:;" onclick="javascript:history.back(-1);">
                                {{__('messages.back')}}
                            </a>
                        </div>
                    </div>
                </div>
            </div>

            <x-right>
                @if (!$hotList->isEmpty())
                <div class="hot_list">
                    <div class="tit">
                        <h4><em></em>{{__('messages.recommend')}}</h4>
                    </div>
                    <div class="list_p">
                        @foreach($hotList as $d)
                        <a href="/article/{{$d->id}}?type={{$d->type}}">
                            <p><em>■</em>{{$d->title}}</p>
                        </a>
                        @endforeach
                    </div>
                </div>
                @endif
            </x-right>

            <div class="c"></div>
        </div>
    </div>
</section>
